﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="frmPersona.aspx.cs" Inherits="ddcCajamarca.Web.Directorio.frmPersona" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="FeaturedContent" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {

            //empieza siempre en disabled
            $('#MainContent_txtCargo').attr('disabled', true);
            $('#MainContent_txtEstado').attr('disabled', true);

            //----------------------------

            $('#MainContent_ddlOrganizacion').change(function () {

                var opcion = $('#MainContent_ddlOrganizacion option:selected').html();
                if (opcion != "Ninguna") {

                    $('#MainContent_txtCargo').attr('disabled', false);
                    $('#MainContent_ddlEstado').attr('disabled', false);


                } else {
                    $('#MainContent_txtCargo').attr('disabled', true);
                    $('#MainContent_ddlEstado').attr('disabled', true);
                }


            });

        });
    </script>

    <div class="panel panel-primary">
        <div class="panel-heading">
            <h1>Persona</h1>
        </div>
        <div class="panel-body col-lg-9 col-xs-12">
            <div class="col-md-4">
                <label>
                    <asp:Label ID="lbId" Text="Id" runat="server" /></label>
                <asp:TextBox ID="txtId"
                    CssClass="form-control input-sm" runat="server" ReadOnly="true" />

                <label>Nombre Artístico:</label>
                <asp:TextBox ID="txtNombArt"
                    CssClass="form-control input-sm" runat="server" MaxLength="50"
                    placeholder="Ej: Bagate" />
                <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender5" TargetControlID="txtNombArt" FilterType="Numbers, UppercaseLetters, LowercaseLetters, Custom" ValidChars=". áéíóú ÁÉÍÓÚ" runat="server"></ajaxToolkit:FilteredTextBoxExtender>
                <br />

                <label>Vocativo:</label>
                <asp:DropDownList ID="ddlVocativo" runat="server"
                    ItemType="ddcCajamarca.BusinessEntities.Directorio.Vocativo"
                    SelectMethod="GetVocativo"
                    DataTextField="Descripcion"
                    DataValueField="Id"
                    CssClass="form-control input-sm" /><br />

                <label>Nombre *:</label>
                <asp:TextBox ID="txtNombre"
                    CssClass="form-control input-sm" runat="server" MaxLength="50"
                    placeholder="Ej: Juan del Carmen" />
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtNombre" ErrorMessage="Campo Necesario"
                    ForeColor="Red">*Campo necesario</asp:RequiredFieldValidator><br />
                <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" TargetControlID="txtNombre" FilterType="UppercaseLetters, LowercaseLetters, Custom" ValidChars="áéíóú ÁÉÍÓÚ" runat="server"></ajaxToolkit:FilteredTextBoxExtender>
                <br />

                <label>Apellidos *:</label>
                <asp:TextBox ID="txtApellidos"
                    CssClass="form-control input-sm" runat="server" MaxLength="50"
                    placeholder="Ej: Villanueva Bazan" />
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtApellidos" ErrorMessage="Campo Necesario"
                    ForeColor="Red">*Campo necesario</asp:RequiredFieldValidator><br />
                <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" TargetControlID="txtApellidos" FilterType="UppercaseLetters, LowercaseLetters, Custom" ValidChars="áéíóú ÁÉÍÓÚ" runat="server"></ajaxToolkit:FilteredTextBoxExtender>
                <br />

                <label>Profesión:</label>
                <asp:DropDownList ID="ddlProfesion" runat="server"
                    ItemType="ddcCajamarca.BusinessEntities.Directorio.Profesion"
                    SelectMethod="GetProfesion"
                    DataTextField="Descripcion"
                    DataValueField="Id"
                    CssClass="form-control input-sm" /><br />

                <label>Organización:</label>
                <asp:DropDownList ID="ddlOrganizacion" runat="server"
                    ItemType="ddcCajamarca.BusinessEntities.Directorio.Organizacion"
                    SelectMethod="GetOrganizacion"
                    DataTextField="Nombre"
                    DataValueField="Id"
                    CssClass="form-control input-sm" /><br />

                <label>Cargo:</label>
                <asp:TextBox ID="txtCargo"
                    CssClass="form-control input-sm" runat="server" MaxLength="100" ReadOnly="false"
                    placeholder="Contacto" />
                <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" TargetControlID="txtCargo" FilterType="Numbers, UppercaseLetters, LowercaseLetters, Custom" ValidChars="º. áéíóú ÁÉÍÓÚ" runat="server"></ajaxToolkit:FilteredTextBoxExtender>
                <br />
                
                <label>Estado:</label>
                <asp:DropDownList ID="ddlEstado" runat="server" Enabled="false" CssClass="form-control input-sm">
                    <asp:ListItem Text="Desconocido" />
                    <asp:ListItem Text="Activo" />
                    <asp:ListItem Text="Inactivo" />
                </asp:DropDownList>

                <br />

                <div class="row">
                    <div class="col-md-6">
                        <label>Tipo de Documento:</label>
                        <asp:DropDownList ID="ddlTipoDocumentos" runat="server"
                            ItemType="ddcCajamarca.BusinessEntities.Directorio.TipoDocumento"
                            SelectMethod="GetTiposDocumentos"
                            DataTextField="Abreviatura"
                            DataValueField="Id"
                            CssClass="form-control input-sm" /><br />
                    </div>
                    <div class="col-lg-6">
                        <label>NúmeroDocumento *:</label>
                        <asp:TextBox ID="txtnumDocumento"
                            CssClass="form-control input-sm" runat="server"
                            placeholder="Ej: 76137701" MaxLength="11" />
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtnumDocumento" ErrorMessage="Campo Necesario"
                    ForeColor="Red">*Campo necesario</asp:RequiredFieldValidator><br />
                        <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender6" TargetControlID="txtnumDocumento" FilterType="Numbers" runat="server"></ajaxToolkit:FilteredTextBoxExtender>
                        <br />

                    </div>
                </div>

                <label>Ciudad:</label>
                <asp:DropDownList ID="ddlUbigeo" runat="server"
                    ItemType="ddcCajamarca.BusinessEntities.Directorio.Ubigeo"
                    SelectMethod="GetUbigeos"
                    DataTextField="Nombre"
                    DataValueField="Id"
                    CssClass="form-control input-sm" /><br />


            </div>
            <div class="col-md-4">
                <label>Dirección de Trabajo:</label>
                <asp:TextBox ID="txtDireccion"
                    CssClass="form-control input-sm" runat="server" MaxLength="100"
                    placeholder="Ej: jr: los perdidos S/N Mz 25" />
                <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender9" TargetControlID="txtDireccion" FilterType="Numbers, UppercaseLetters, LowercaseLetters, Custom" ValidChars="º#. áéíóú ÁÉÍÓÚ" runat="server"></ajaxToolkit:FilteredTextBoxExtender>
                <br />

                <label>Dirección de Domicilio:</label>
                <asp:TextBox ID="txtDireccion2"
                    CssClass="form-control input-sm" runat="server" MaxLength="100"
                    placeholder="Ej: jr: los perdidos S/N Mz 25" />
                <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender7" TargetControlID="txtDireccion" FilterType="Numbers, UppercaseLetters, LowercaseLetters, Custom" ValidChars="º#. áéíóú ÁÉÍÓÚ" runat="server"></ajaxToolkit:FilteredTextBoxExtender>
                <br />

                <label>Teléfono de Trabajo *:</label>
                <asp:TextBox ID="txtTelefono1"
                    CssClass="form-control input-sm" runat="server" MaxLength="10"
                    placeholder="Ej: 76-365515" />
                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtTelefono1" ErrorMessage="Campo Necesario"
                    ForeColor="Red">*Campo necesario</asp:RequiredFieldValidator><br />
                <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender8" TargetControlID="txtTelefono1" FilterType="Numbers, Custom" ValidChars="- #*" runat="server"></ajaxToolkit:FilteredTextBoxExtender>
                <br />

                <div class="row">
                    <div class="col-lg-6">
                        <label>Teléfono Casa:</label>
                        <asp:TextBox ID="txtTelefono2"
                            CssClass="form-control input-sm" runat="server" MaxLength="10"
                            placeholder="Ej: 990212662" />
                        <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender10" TargetControlID="txtTelefono2" FilterType="Numbers, Custom" ValidChars="- #*" runat="server"></ajaxToolkit:FilteredTextBoxExtender>
                        <br />

                    </div>
                    <div class="col-lg-6">
                        <label>Teléfono 3:</label>
                        <asp:TextBox ID="txtTelefono3"
                            CssClass="form-control input-sm" runat="server" MaxLength="10"
                            placeholder="Ej: 990212662" />
                        <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender11" TargetControlID="txtTelefono3" FilterType="Numbers, Custom" ValidChars="- #*" runat="server"></ajaxToolkit:FilteredTextBoxExtender>
                        <br />

                    </div>

                </div>

                <div class="row">
                    <div class="col-lg-6">
                        <label>Fecha Hoy:</label>
                        <asp:TextBox ID="txtFechaReg"
                            CssClass="form-control input-sm" runat="server" MaxLength="10" ReadOnly="true"
                            placeholder="Ej: 03/09/1991" /><br />
                    </div>
                    <div class="col-lg-6">
                        <label>Fecha Nacimiento:</label>
                        <asp:TextBox ID="txtFechaNac"
                            CssClass="form-control input-sm" runat="server" MaxLength="10"
                            placeholder="Ej: 03/09/1991" /><br />
                        <ajaxToolkit:CalendarExtender ID="aceFechInicio"
                            runat="server" Enabled="True" TargetControlID="txtFechaNac"
                            Format="dd/MM/yyyy" TodaysDateFormat="dd/MM/yyyy">
                        </ajaxToolkit:CalendarExtender>
                    </div>

                </div>

                <label>Email:</label>
                <asp:TextBox ID="txtEmail"
                    CssClass="form-control input-sm" runat="server" MaxLength="100"
                    placeholder="Ej: jhrpierd@hotmail.es" />
                <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender12" TargetControlID="txtEmail" FilterType="Numbers, LowercaseLetters, Custom" ValidChars=".@" runat="server"></ajaxToolkit:FilteredTextBoxExtender>
                <br />

                <label>Página Web:</label>
                <asp:TextBox ID="txtPaginaWeb"
                    CssClass="form-control input-sm" runat="server" MaxLength="100"
                    placeholder="Ej: http://mipagina.com.org, https://www.facebook.com/myfacebook, ..." /><br />

                <label>Autoridad: </label>
                <asp:CheckBox ID="cbAutoridad" Text="" runat="server" /><br />

                <label>Imagen: </label>
                <asp:FileUpload ID="fuImagen" CssClass="form-control" runat="server" />
                *Se usará el número de documento de identidad para la imagen
            </div>
            <div class="col-md-1">
                <asp:Image ID="idImg" Width="250px" Height="250px" runat="server" />
            </div>
        </div>

        <!--Maestro de Detalle-->

        <div class="row">
            <asp:HiddenField ID="hfIdPersona" runat="server" />

            <div class="col-lg-12 col-md-8 col-xs-12 col-sm-8">
                <asp:UpdatePanel ID="updetActividades" runat="server">
                    <ContentTemplate>
                        <div class="row">
                            <div class="col-lg-12 col-md-8 col-xs-12 col-sm-8">
                                <h3>Actividades</h3>

                                <br />
                                <div class="panel-body">
                                    <div class="col-md-1">
                                        <label class="control-label">Actividad:  </label>
                                    </div>
                                    <div class="col-md-2">
                                        <asp:DropDownList ID="ddlActividad" runat="server"
                                            ItemType="ddcCajamarca.BusinessEntities.Directorio.Actividad"
                                            SelectMethod="GetActividad"
                                            DataTextField="Nombre"
                                            DataValueField="Id" Width="300px" CssClass="form-control input-sm" />
                                    </div>
                                    <div class="col-md-1">
                                        <asp:Button Text="Agregar" runat="server" ID="btnAgregar" CssClass="btn btn-info" OnClick="btnAgregar_Click" Enabled="true" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <asp:ListView ID="lvDetalleActividad" runat="server" OnItemCommand="lvDetalleActividades_ItemCommand">
                            <EmptyDataTemplate>
                                <tr>
                                    <td colspan="4">
                                        <h5>No se han agregado actividades al usuario.!!</h5>
                                    </td>
                                </tr>
                            </EmptyDataTemplate>
                            <LayoutTemplate>
                                <table class="table table-striped table-responsive">
                                    <thead>
                                        <tr>
                                            <th colspan="1">Id</th>
                                            <th colspan="1">Actividad</th>
                                            <th colspan="3">Comentario</th>
                                            <th colspan="1">Acción</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr id="itemPlaceholder" runat="server" />
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td colspan="3"></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </LayoutTemplate>
                            <ItemTemplate>
                                <tr>
                                    <td colspan="1"><%# Eval("Actividad.Id") %></td>
                                    <td colspan="1"><%# Eval("Actividad.Nombre") %></td>
                                    <td colspan="3">
                                        <asp:TextBox ID="txtComentario" Text="<%# Bind('Comentario') %>" runat="server" Width="100%" />
                                        <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender7" TargetControlID="txtComentario" FilterType="Numbers, UppercaseLetters, LowercaseLetters, Custom" ValidChars=". áéíóú ÁÉÍÓÚ" runat="server"></ajaxToolkit:FilteredTextBoxExtender>
                                    </td>
                                    <td colspan="1">
                                        <asp:Button ID="btnQuitar"
                                            Text="Quitar"
                                            runat="server"
                                            CssClass="btn btn-danger"
                                            CommandName="QuitarActividad"
                                            CommandArgument='<%# Eval("IdActividad") %>' />
                                    </td>
                                </tr>
                            </ItemTemplate>
                        </asp:ListView>
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="btnAgregar" EventName="Click" />
                        <asp:AsyncPostBackTrigger ControlID="ddlActividad" EventName="SelectedIndexChanged" />
                        <asp:AsyncPostBackTrigger ControlID="lvDetalleActividad" EventName="ItemCommand" />
                    </Triggers>
                </asp:UpdatePanel>
            </div>

        </div>

        <asp:Button ID="btnGuardar" CssClass="btn btn-success" Text="Guardar" runat="server" OnClick="btnGuardar_Click" />
        <asp:Button ID="btnCancelar2" CssClass="btn btn-danger" Text="Cancelar" runat="server" OnClick="btnCancelar2_Click" />
        <asp:Button ID="btnCancelar" CssClass="btn btn-danger" Text="Cancelar" runat="server" Visible="false" OnClick="btnCancelar_Click" />
    </div>
</asp:Content>
